<template lang="pug">
  div
    footer
      div.footerBox
        div.footerleft
          div.nav
            router-link(v-bind:to="{name:'Index'}")
              span 首页
            router-link(v-bind:to="{name:'PublicCourse'}")
              span 公开课
            router-link(v-bind:to="{name:'ExcellentCourse'}")
              span 精品课
            router-link(v-bind:to="{name:'WeChatCourse'}")
              span 微课
            router-link(v-bind:to="{name:'LiveBroadcastCourse'}")
              span 直播课
            router-link(v-bind:to="{name:'PrivatePlay'}")
              span 私播课
            div.copyRight 版权号
</template>

<script type="text/ecmascript-6">
  export default {
    name: 'KalixFooter'
  }
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  footer
    width 100%
    min-width 1200px
    height 170px
    background #FFEBD6
    margin-top 40px
    position absolute
  .nav
    width 530px
    margin 35px auto
    height 100px
    line-height 50px
    font-size 18px
  .nav span
    padding 0 20px
    color: #666

  .nav span:hover
    color #0099ff
  .copyRight
    width 100px
    height 40px
    line-height 40px
    font-size 18px
    color #666
    margin 0 auto

</style>
